利用momentJs做一个倒计时组件(实例代码)

2022-06-07 00:26| 来源: 网络整理| 查看: 265

今天抽空给大家介绍下vue和moment做的一个倒计时，具体内容如下所示：

展示样式：

{{item}} : {{item}} : {{item}} import moment from 'moment' export default { props: { endTime: { }, //接收得最后时间 2021-12-17 16：29：20 }, data() { //这里存放数据 return { h:'00', m:'00', s:'00', timer:null }; }, watch: { endTime: { handler(e) { if (e) { let self = this clearInterval(this.timer) this.timer = setInterval(function(){self.init()},1000) } }, deep: true, immediate: true } }, mounted() { let self = this self.init() clearInterval(this.timer) this.timer = setInterval(function(){self.init()},1000) }, //方法集合 methods: { init(){ let time =moment(this.endTime).diff(moment()) if(time

【本文地址】

公司简介

联系我们